.item1{
	.main{
		width: 100%;
		 @media(max-width: 768px){
		 	margin-top: 51px
		 }
		.headerbanner{
			position: relative;
			.crumbs{
				background: rgba(0,0,0,0.5);
			    line-height: 60px;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				color: #fff;
				@media(max-width: 768px){
		 			display: none;
				}
				.left{
					float: left;
				}
				.right{
					float: right;
					a{
						color: #fff;
						margin-left: 20px;
						line-height: 58px;
						display: inline-block;
						&:hover{
							text-decoration: none;
						}
					}
					.active{
						border-bottom: 3px solid #f39800;
					}
				}
			}
		}
		.contact{
			margin-top: 65px;
			@media(max-width: 768px){
		 		margin-top: 10px;
		 	}
			.contact-left{
				float: left;
				width: 80%;
				@media(max-width: 768px){
		 			width: 100%;
		 		}
				.top{
					padding: 10px;
					margin-bottom: 30px;
					overflow: hidden;
					@media(max-width: 768px){
			 			margin-bottom: 0px;
			 		}
					img{
						display: block;
						float: left;
						margin-left: 2%;
						@media(max-width: 768px){
				 			width: 96%;
				 		}
					}
					.topbody{
						float: left;
						width: 60%;
						margin-left: 4%;
						@media(max-width: 768px){
				 			width: 100%;
				 			margin-left: 0;
				 		}
						h4{
							font-size: 21px;
							line-height: 35px;
						}
						p{
							line-height: 24px;
							text-align: justify;
						}
						a{
							display: inline-block;
							background: #3c3fab;
							padding: 5px 20px;
							line-height: 22px;
							border-radius: 20px;
							color: #fff;
							margin-top: 10px;
						}
					}
				}
				.middle{
					margin-right: 5%;
					@media(max-width: 768px){
				 		margin-right: 0;	
				 	}
					li{
						overflow: hidden;
						a{
							display: block;
							padding: 20px 0;
							overflow: hidden;
							border-bottom: 1px dashed #666;
							&:hover{
								background: #eeeeee;
								color: #000;
								text-decoration: none;
							}
							.left{
								float: left;
								width: 20%;
								font-size: 60px;
								text-align: center;
								span{
									display: block;
									font-size: 20px;
								}
							}
							.right{
								float: left;
								width: 78%;
								@media(max-width: 768px){
							 			margin-left: 2%;
							 		}
								.title{
									font-weight: 600;
									font-size: 21px;
									display: block;
									margin: 10px 0;
								}
								.text{
									display: block;
									line-height: 25px;
									@media(max-width: 768px){
							 			text-align: justify;
							 			margin-right: 2%;
							 		}
								}
							}
						}
					}
				}
				.jagd{
					background: #eeeeee;
					line-height: 40px;
					text-align: center;
					margin: 20px 0;
					cursor: pointer;
					margin-right:  5%;
					@media(max-width: 768px){
			 			margin-right: 0%;
			 		}
				}
			}
			.contact-right{
				float: right;
				width: 20%;
				@media(max-width: 768px){
			 		width: 100%;
			 		}
				ul{
					li{
						margin-bottom: 30px;
						@media(max-width: 768px){
				 			margin-left: 15%;
				 		}
						a{
							display: block;
							position: relative;
							color: #fff;
							font-size: 27px;
							&:hover{
								text-decoration: none;
							}
							span{
								position: absolute;
								top: 30px;
								left: 15%;
								display: inline-block;
								padding: 40px 10px;
								background: rgba(0,0,0,0.5);
							}
						}
					}
				}
			}
		}
	}
}